import React, { Component } from 'react';
import cx from 'classnames';
import './components.scss';

class Component001 extends Component {
  constructor(props) {
    super(props);
    this.state = {};
  }

  render() {
    console.log(
      '%c ------ RENDER Component001 ------',
      'color:red;font-size:16px;line-height:30px',
      this.props
    );
    const {} = this.props;
    const from = window.deviceType;
    const bodyClassName = cx('Component001', {
      'Component001-desktop': from === 'desktop',
      'Component001-tablet': from === 'tablet',
      'Component001-mobile': from === 'mobile',
    });

    return <div className={bodyClassName}>this is Component001</div>;
  }
}

export default Component001;
